<!DOCTYPE html>
<<<<<<< HEAD
<html lang="en">

=======
<html lang="zh-cn">
>>>>>>> day02_sh01_kuaiyuyang
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>SB Admin - Bootstrap Admin</title>
    <link href="../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/back/base.css"/>
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="../css/back/sb-admin.css"/>
    <!--[if lt IE 9]>
    <script src="../lib/html5shiv/html5shiv.min.js"></script>
    <script src="../lib/respond/respond.js">
    </script>
    <![endif]-->
</head>
<body>
<nav class="navbar navbar-admin" role="navigation">
    <div class="container-fluid">
<<<<<<< HEAD

        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">jiaoshou</a>
        </div>
=======
>>>>>>> day02_sh01_kuaiyuyang

        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">jiaoshou</a>
        </div>

        <ul class="nav top-nav navbar-right">

<<<<<<< HEAD
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-envelope"></i>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu message" role="menu">
                    <li class="listBox">
                        <a href="#">
                            <div class="media">
                                <div class="pull-left place">
                                    <!--http://placehold.it/50x50-->
                                    <img class="media-object" src="#" alt="">
                                </div>
                                <div class="media-body">
                                    <p>js</p>

                                    <p><i class="fa fa-clock-o"></i>Yesterday at 4:32 PM</p>

                                    <p>Lorem ipsum dolor sit amet, consectetur...</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="listBox">
                        <a href="#">
                            <div class="media">
                                <div class="pull-left place">
                                    <!--http://placehold.it/50x50-->
                                    <img class="media-object" src="#" alt="">
                                </div>
                                <div class="media-body">
                                    <p>js</p>

                                    <p><i class="fa fa-clock-o"></i>Yesterday at 4:32 PM</p>

                                    <p>Lorem ipsum dolor sit amet, consectetur...</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="listBox">
                        <a href="#">
                            <div class="media">
                                <div class="pull-left place">
                                    <!--http://placehold.it/50x50-->
                                    <img class="media-object" src="#" alt="">
                                </div>
                                <div class="media-body">
                                    <p>js</p>

                                    <p><i class="fa fa-clock-o"></i>Yesterday at 4:32 PM</p>

                                    <p>Lorem ipsum dolor sit amet, consectetur...</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <!--<li class="divider"></li>-->
                    <li><a href="#">Read All New Messages</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-bell"></i>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu warning" role="menu">
                    <li>
                        <a href="#">
                            AlertName
                            <span class="label label-default">Alert Badge</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            AlertName
                            <span class="label label-primary">Alert Badge</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            AlertName
                            <span class="label label-success">Alert Badge</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            AlertName
                            <span class="label label-info">Alert Badge</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            AlertName
                            <span class="label label-warning">Alert Badge</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            AlertName
                            <span class="label label-danger">Alert Badge</span>
                        </a>
                    </li>
                    <li class="last"><a href="#">View All</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-user">js</i>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <li>
                        <a href="#">
                            <i class="fa fa-fw fa-user"></i>
                            profile
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa fa-fw fa-envelope"></i>
                            Inbox
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa fa-fw fa-gear"></i>
                            Settings
                        </a>
                    </li>

                    <li class="outer">
                        <a href="#">
                            <i class="fa fa-fw fa-power-off"></i>
                            Log Out
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
        <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav side-nav">
                <li class="active"><a href="/admin/posts/index"><i class="fa fa-fw fa-dashboard"></i> 帖子管理</a></li>
                <li><a href="/admin/users/index"><i class="fa fa-fw fa-table"></i> 用户管理</a></li>
                <li><a href="forms.html"><i class="fa fa-fw fa-edit"></i> Forms</a></li>
                <li><a href="bootstrap-elements.html"><i class="fa fa-fw fa-desktop"></i> Bootstrap Elements</a></li>
                <li><a href="bootstrap-grid.html"><i class="fa fa-fw fa-wrench"></i> Bootstrap Grid</a></li>
                <li>
                    <a href="javascript:;" data-toggle="collapse" data-target="#demo"><i
                            class="fa fa-fw fa-arrows-v"></i> Dropdown <i class="fa fa-fw fa-caret-down"></i></a>
                    <ul id="demo" class="collapse">
                        <li><a href="#">Dropdown Item</a></li>
                        <li><a href="#">Dropdown Item</a></li>
                    </ul>
                </li>
                <li><a href="blank-page.html"><i class="fa fa-fw fa-file"></i> Blank Page</a></li>
            </ul>
        </div>


=======
        <ul class="nav top-nav navbar-right">

            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-envelope"></i>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu message" role="menu">
                    <li class="listBox">
                        <a href="#">
                            <div class="media">
                                <div class="pull-left place">
                                    <img class="media-object" src="http://placehold.it/50x50" alt="">
                                </div>
                                <div class="media-body">
                                    <p>js</p>
                                    <p><i class="fa fa-clock-o"></i>Yesterday at 4:32 PM</p>
                                    <p>Lorem ipsum dolor sit amet, consectetur...</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="listBox">
                        <a href="#">
                            <div class="media">
                                <div class="pull-left place">
                                    <img class="media-object" src="http://placehold.it/50x50" alt="">
                                </div>
                                <div class="media-body">
                                    <p>js</p>
                                    <p><i class="fa fa-clock-o"></i>Yesterday at 4:32 PM</p>
                                    <p>Lorem ipsum dolor sit amet, consectetur...</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="listBox">
                        <a href="#">
                            <div class="media">
                                <div class="pull-left place">
                                    <img class="media-object" src="http://placehold.it/50x50" alt="">
                                </div>
                                <div class="media-body">
                                    <p>js</p>
                                    <p><i class="fa fa-clock-o"></i>Yesterday at 4:32 PM</p>
                                    <p>Lorem ipsum dolor sit amet, consectetur...</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <!--<li class="divider"></li>-->
                    <li><a href="#">Read All New Messages</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-bell"></i>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu warning" role="menu">
                    <li>
                        <a href="#">
                            AlertName
                            <span class="label label-default">Alert Badge</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            AlertName
                            <span class="label label-primary">Alert Badge</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            AlertName
                            <span class="label label-success">Alert Badge</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            AlertName
                            <span class="label label-info">Alert Badge</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            AlertName
                            <span class="label label-warning">Alert Badge</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            AlertName
                            <span class="label label-danger">Alert Badge</span>
                        </a>
                    </li>
                    <li class="last"><a href="#">View All</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-user">js</i>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <li>
                        <a href="#">
                            <i class="fa fa-fw fa-user"></i>
                            profile
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa fa-fw fa-envelope"></i>
                            Inbox
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa fa-fw fa-gear"></i>
                            Settings
                        </a>
                    </li>

                    <li class="outer">
                        <a href="#">
                            <i class="fa fa-fw fa-power-off"></i>
                            Log Out
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
        <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav side-nav">
                <li class="active"><a href="/admin/posts/index"><i class="fa fa-fw fa-dashboard"></i> 帖子管理</a></li>
                <li><a href="/admin/users/index"><i class="fa fa-fw fa-table"></i> 用户管理</a></li>
                <li><a href="forms.html"><i class="fa fa-fw fa-edit"></i> Forms</a></li>
                <li><a href="bootstrap-elements.html"><i class="fa fa-fw fa-desktop"></i> Bootstrap Elements</a></li>
                <li><a href="bootstrap-grid.html"><i class="fa fa-fw fa-wrench"></i> Bootstrap Grid</a></li>
                <li>
                    <a href="javascript:;" data-toggle="collapse" data-target="#demo"><i
                            class="fa fa-fw fa-arrows-v"></i> Dropdown <i class="fa fa-fw fa-caret-down"></i></a>
                    <ul id="demo" class="collapse">
                        <li><a href="#">Dropdown Item</a></li>
                        <li><a href="#">Dropdown Item</a></li>
                    </ul>
                </li>
                <li><a href="blank-page.html"><i class="fa fa-fw fa-file"></i> Blank Page</a></li>
            </ul>
        </div>


>>>>>>> day02_sh01_kuaiyuyang
    </div>
</nav>
<!--后台管理-->
<!-- /.navbar-collapse -->

<div id="page-wrapper" style="min-height: 100vh;">
    <div class="container-fluid">
        <!-- Page Heading -->
        <h1 class="page-header">后台管理</h1>


        <div class="row">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="fa fa-money fa-fw"></i> 帖子管理</h3>
                </div>
                <div class="panel-body">
                    <div class="table-responsive">

<<<<<<< HEAD
                        <button type="button" class="btn btn-default" id="btnAdd"
=======
                        <button type="button" class="btn btn-default btn-lg" id="btnAdd" data-toggle="modal"
>>>>>>> day02_sh01_kuaiyuyang
                                data-target="#myModal">
                            添加
                        </button>

                        <div class="input-group">
                            <input id="txtSearch" type="text" class="form-control">
<<<<<<< HEAD
      <span class="input-group-btn">
        <button id="btnSearch" class="btn btn-default" type="button">Go!</button>
      </span>
                        </div>
                        <!-- /input-group -->
                    </div>
                    <!-- /.col-lg-6 -->
=======
                            <span class="input-group-btn">
        <button id="btnSearch" class="btn btn-default" type="button">Go!</button>
      </span>
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
>>>>>>> day02_sh01_kuaiyuyang

                    <table class="table table-bordered table-hover table-striped">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>作者</th>
                            <th>标题</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody id="tbody">

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- /.row -->
</div>
<!-- /.container-fluid -->

<!--模态框-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span
                        class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">帖子管理</h4>
            </div>
            <div class="modal-body">
<<<<<<< HEAD
                <form role="form">
                    <div class="form-group">
                        <label for="exampleInputEmail1">标题</label>
                        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter title">
                    </div>
                    <div class="form-group">
                        <label for="content">内容</label>
                        <script type="text/plain" id="content" style="height:300px"></script>

                    </div>


                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" id="cancel">取消</button>
                <button type="button" class="btn btn-primary" id="save">保存</button>
            </div>
        </div>
    </div>
</div>
<!--删除提示框-->
<div class="makeSure">
    <p>你确定要删除吗</p>
    <button class="sure">确定</button>
    <button class="back">取消</button>
</div>
<!--删除成功提示框-->
<div class="delete">
    删除成功
=======
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">保存</button>
            </div>
        </div>
    </div>
>>>>>>> day02_sh01_kuaiyuyang
</div>


<script src="../lib/jquery-1.12.0/jquery-1.12.0.min.js"></script>
<script src="../lib/template/template-native.js"></script>
<script src="../lib/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../ueditor/lang/zh-cn/zh-cn.js"></script>
<script src="../js/url/url.js"></script>
<script src="../js/back/sb-admin.js"></script>
<script type="template" id="tpl">
<<<<<<< HEAD
    <%for( var i = 0; i < result.length;i++) { %>
    <tr>
        <td><%= i+1 %></td>
        <td><%= result[i].nickname%></td>
        <td><%= result[i].title%></td>
        <td data-id="<%= result[i].id%>">
=======
    <%for( var i = result.length-1; i>= 0; i--) { %>
    <tr>
        <td><%= result[i].id%></td>
        <td><%= result[i].nickname%></td>
        <td><%= result[i].title%></td>
        <td>
>>>>>>> day02_sh01_kuaiyuyang
            <button type="button" class="btn btn-primary">编辑</button>
            <button type="button" class="btn btn-danger">删除</button>
        </td>
    </tr>
    <% } %>
</script>
</body>
</html>